<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Air 13.3" 2019款 立即购买</title>
		<link rel="stylesheet" href="styles/detail.css" />
	</head>
	<body>
		<div class="head_oy">
			<ul class="ul">
				<li>小米商城</li>
				<li class="span"></li>
				<li>MIUI</li>
				<li class="span"></li>
				<li>IoT</li>
				<li class="span"></li>
				<li>云服务</li>
				<li class="span"></li>
				<li>有品</li>
				<li class="span"></li>
				<li>小爱开放平台</li>
				<li class="span"></li>
				<li>企业团购</li>
				<li class="span"></li>
				<li>资质证照</li>
				<li class="span"></li>
				<li>协议规则</li>
				<li class="span"></li>
				<li>下载APP</li>
				<li>登录</li>
				<li class="span"></li>
				<li>注册</li>
				<li class="span"></li>
				<li>消息通知</li>
				<li class="cat">购物车(0)</li>

			</ul>
		</div>
		<div class="search_oy">
			<img src="img/小米logo.png" />
			<p>全部商品分类 &nbsp;&nbsp;&nbsp; 小米手机 &nbsp;&nbsp;&nbsp;Redmi
				红米&nbsp;&nbsp;&nbsp;电视&nbsp;&nbsp;&nbsp;笔记本&nbsp;&nbsp;&nbsp;家电&nbsp;&nbsp;&nbsp;
				路由器&nbsp;&nbsp;&nbsp;智能硬件&nbsp;&nbsp;&nbsp;服务社区</p>
			<input type="search" id="search" name="search" placeholder="Redmi Note 8 Pro 小米9" />
			<input type="button" id="button" name="search-button" />

		</div>
		<div class="nav">
			<div class="nav1">
				<h2>Air 13.3</h2>
				<div class="right">
					<a href="#">概述</a> <span class="separator">|</span>
					<a href="#">参数</a> <span class="separator">|</span>
					<a href="#">F码通道</a> <span class="separator">|</span>
					<a href="#">用户评价</a> </div>
			</div>
		</div>
		<div class="cont">
			<div class="left-bc">
				<img src="img/diannao1.jpg" width="560px" height="560pxx">
			</div>
			<span class="name">Air 13.3" 2019款 </span>
			<p class="sale-desc">
				轻薄全金属机身 / MX250独立显卡 / 9.5小时超长续航 / FHD全高清屏幕 / 指纹解锁 / 兼顾办公娱乐与
				<br />轻薄的高性能笔记本
			</p>
			<p class="aftersale-company" desc="null">小米自营</p>
			<div class="box-price"><span class="price">4999元 <del>5399元</del></span></div>
			<div class="address-wrap">
				<div class="user-default-address">
					<div>
						<div class="address-info"><img src="img/位置.png"><span class="item">浙江</span>
							<span class="item">杭州市</span><span class="item">上城区</span>
							<span class="item">湖滨街道</span></div> <span class="switch-choose-regions"> 修改 </span>
					</div>
					<div class="product-status active">
						<span class="sale">有现货</span>
						<span class="time"></span> </div>
				</div>
			</div>
		</div>
		<div class="step-title" data-name="选择版本">
			<p> 选择版本 </p>
		</div>
		<div class="sel">
			<ul class="step-list">
				<li id="li1" class="li1"> i5 8G 256G PCle<span class="span1">4699元</span></li>
				<li class="li2"> i7 8G 256G PCle<span class="span2">5699元</span></li>
				<li class="li3"> i5 8G 256G PCle 集显<span class="span3">5699元</span></li>
				<li class="li4"> i5 8G 512G PCle <span class="span4">5699元</span></li>
				<li class="li5"> i7 8G 512G PCle <span class="span5">5999元</span></li>
			</ul>
		</div>
		<div class="step-title-1">
			<p> 选择颜色 </p>
		</div>
		<div class="sel">
			<ul class="step-list">
				<li class="li6"><img src="img/pms1.jpg">银色</li>
				<li class="li7"><img src="img/pms2.jpg">深空灰</li>
			</ul>
		
		<div class="buy"><span id="span1">小米笔记本Air 13.3" 2019款 四核i5 8G MX250 银色</span><span id="span2">4999 元</span><span id="span3"><del>5399 元</del></span>
		<p id="p1"> 总计 ：4999元</p>
		</div>
		<div class="buy_button"><button>加入购物车</button></div>
		<div class="like_button"><button><img src="img/喜欢.png">喜欢</button></div>
		<div class="end_1">
			<span><img src="img/勾.png"><span>小米自营</span></span>
			<span><img src="img/勾.png"><span>小米发货</span></span>
			<span><img src="img/勾.png"><span>7天无理由退货</span></span>
			<span><img src="img/勾.png"><span>运费说明</span></span>
		</div>
		</div>
		
			<div class="pic" style="background: #FFFFFF;"></div>
		</div>
		<div class="con" style="height: 484px;">
			<div class="pic" style="background: rgba(0, 0, 0, 0) url(img/售后.jpg)  no-repeat scroll 50% 0px / auto 100%;"></div>
		</div>
		<div class="con" style="height: 253px;">
			<div class="pic" style="background:rgba(0, 0, 0, 0) url(img/新机.jpg) no-repeat scroll 50% 0px / auto 100%; ">
			</div>
		</div>
		<div class="c0">
			<h3 class="container0">官方微信</h3>
		</div>
		<div class="con" style="height: 160px;">
			<div class="pic" style="background:rgba(0, 0, 0, 0) url(img/微信.jpg) no-repeat scroll 50% 0px / auto 100%; ">
			</div>
		</div>
		<div class="c0">
			<h3 class="container01">价格说明</h3>
		</div>
		<div class="con" style="height: 189px;">
			<div class="pic" style="background:rgba(0, 0, 0, 0) url(img/划线价.jpeg) no-repeat scroll 50% 0px / auto 100%; ">
			</div>
		</div>
		<div class="tfoot1">
						<div class="tfoot2">
						    <ul class="ul4">
							    <li class="li01">预约维修服务</li>
								<li class="li02">|</li>
							    <li class="li03">7天无理由退货</li>
								<li class="li04">|</li>
							    <li class="li05">15天免费换货</li>
								<li class="li06">|</li>
							    <li class="li07">满150元包邮</li>
								<li class="li08">|</li>
							    <li class="li09">520余家售后网点</li>
							</ul>
								<img src="img/维修.png" class="img101">
								<img src="img/7天.png" class="img102">
								<img src="img/15天.png" class="img103">
								<img src="img/礼物盒.png" class="img104">
								<img src="img/位置.png" class="img105">
								<p class="p1"></p>
							<ul class="ul5">
							    <li class="li11">帮助中心</li>
								<li class="li12">账户管理</li>
							    <li class="li13">购物指南</li>
								<li class="li14">订单操作</li>
							</ul>
							<ul class="ul6">
							    <li class="li21">服务支持</li>
								<li class="li22">售后政策</li>
							    <li class="li23">自助服务</li>
								<li class="li24">相关现在</li>
							</ul>
							<ul class="ul7">
							    <li class="li31">线下门店</li>
								<li class="li32">小米之家</li>
							    <li class="li33">服务网点</li>
								<li class="li34">授权体验店</li>
							</ul>
							<ul class="ul8">
							    <li class="li41">关于小米</li>
								<li class="li42">了解小米</li>
							    <li class="li43">加入小米</li>
								<li class="li44">投资者关系</li>
							</ul>
							<ul class="ul9">
							    <li class="li51">关注我们</li>
								<li class="li52">新浪微博</li>
							    <li class="li53">官方维修</li>
								<li class="li54">联系我们</li>
							</ul>
							<ul class="ul10">
							    <li class="li61">特色服务</li>
								<li class="li62">F码通道</li>
							    <li class="li63">礼物码</li>
								<li class="li64">防伪查询</li>
							</ul>
							<p class="p2"></p>
							<p class="p3">400-100-5678</p>
							<p class="p4">周一至周日 8:00-18:00</p>
							<p class="p5">（仅收市话费）</p>
							<input type="button" value="            人工客服        " class="button1">
							<img src="img/消息.png" class="img111">
						</div>
					</div>
					<div class="div13">
						
						<img src="img/小米logo.png" >
						<p class="p11">小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 |路由器 | 米粉卡 | 政企服务 | 小米天猫店 | 小米集团隐私政策 | 小米商城隐私政策 | 小米商城用户协议 | 问题反馈 | 廉正举报 | 诚信合规 | Select Location</p>
					    <p class="p12"> mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2017]1530-131号	</p>
					    <p class="p13">（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京) -非经营性-2014-0090 营业执照 医疗器械公告</p>
					    <p class="p14">增值电信业务许可证  网络食品经营备案（京）【2018】WLSPJYBAHF-12   食品经营许可证</p>
						<p class="p15">违法和不良信息举报电话：185-0130-1238 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					    <img src="img/底部.png" class="img121">
					</div>
	</body>
</html>
